<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
    <link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/modules/project/projectanalysis.css">
</head>
<body class="page-wrapper">
<div id="rrapp" class="new-project-wrapper" style="min-width: 100%;">
    <div style="width: 900px; margin-left: auto; margin-right: auto;">
        <p class="spanStyle">项目超期分析</p>
        <div style="text-align: right">
            <select class="form-control manager-search" name="year" id="year" @click='datas'></select>
        </div>
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" style="width: 900px;height:400px; margin-bottom: 10px;"></div>

        <table cellspacing="0" id="taboData" cellpadding="0" border="0" class="news-table" style="width: 100%;margin-bottom: 50px;">
            <!--1190-->
            <colgroup>
                <col name="projectYear" width="150">
                <col name="phaseName" width="150">
                <col name="projectCount" width="140">
                <col name="overdueNum" width="140">
                <col name="overdueProportion" width="140">
            </colgroup>
            <thead>
            <tr>
                <th class="projectYear">项目年份</th>
                <th class="phaseName">阶段名称</th>
                <th class="projectCount">项目总数</th>
                <th class="overdueNum">阶段超期数</th>
                <th class="overdueProportion">阶段超期占比</th>
            </tr>
            </thead>
            <tbody class="news-group">
            <tr v-for="(temp, index) in tableData">
                <td class="projectYear">{{ temp.projectYear }}</td>
                <td class="phaseName">{{ temp.phaseName }}</td>
                <td class="projectCount">{{ temp.projectCount }}</td>
                <td class="overdueNum">{{ temp.overdueNum }}</td>
                <td class="overdueProportion">{{ temp.overdueProportion }}</td>
            </tr>
            </tbody>
        </table>
    </div>

</div>
<script src="../../libs/jquery.min.js"></script>
<script src="../../plugins/layer/layer.js"></script>
<script src="../../plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../../libs/vue.min.js"></script>
<script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
<script src="../../plugins/echarts/js/echarts.min.js"></script>
<script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/modules/project/projectAnalysis.js"></script>
</body>
</html>